<div class="main"> 
 <div class="banner"> 
  <img src="/resources/front/template/nbo/images/banner-gallery.jpg" alt="Gallery" /> 
  <h1>Gallery</h1> 
 </div> 
   <div class="gallery"> 
   <@album params="{pageNo:${page_No!1},pageSize:6}" filters="groupOp:'AND',rules:[${parameter!''}]";page>
    <#assign totalPages="${(page.totalPages gt 2000)?string('2000',page.totalPages)}" >
 <#assign pageUrl="${query_context}" >
    <div class="multipages"> 
     <span class="fl"> ${page.totalCount} items found. </span>
     <span class="fr">
    <#if totalPages?number gt 1>
	<#if (page.pageNo?number) gt 1>
		<a href="${pageUrl}${((page.pageNo?number-1) gt 0)?string(page.pageNo?number-1,page.pageNo?number)}/${parameter!''}/">&#171; Prev</a>
	</#if>
	<#if page.pageNo?number == 1>
		<span class="current">1</span> 
	<!--
		<a class="cur_a" href="${pageUrl}?pageNo=1&">1</a>&nbsp;
		-->
	<#else>
		<a href="${pageUrl}1/${parameter!''}">1</a>&nbsp;
	</#if>
	<#if totalPages?number gt 0>
		<#if page.pageNo?number lt 10>
			<#if page.pageNo?number gte 2>
			<#list 2..page.pageNo?number as i>
				<#if page.pageNo?number==i>
				<span class="current">${i}</span> 
				
				<#else>
					<a href="${pageUrl}${i}/${parameter!''}">${i}</a>&nbsp;  
				</#if>
			</#list>
			</#if>
		<#else>
			  ...&nbsp;  
			  <#list page.pageNo?number-4..page.pageNo?number as i>
				<#if page.pageNo?number==i>
				<span class="current">${i}</span> 
				 
				<#else>
					<a href="${pageUrl}${i}/${parameter!''}">${i}</a>&nbsp;  
				</#if>
			  </#list>
		</#if>
		<#if page.pageNo?number gte totalPages?number-4 || totalPages?number-4 lte 0>
			<#if page.pageNo?number+1 lte totalPages?number>
			<#list page.pageNo?number+1..totalPages?number as i>
				<a href="${pageUrl}${i}/${parameter!''}">${i}</a>&nbsp;  
				<#if page.pageNo?number == i>
				   <span class="current">${i}</span> 
				    
				</#if>
			</#list>
			</#if>
		<#else>
			<#list page.nextPage..page.pageNo?number+4 as i>
				<#if page.pageNo?number == i>
				  <span class="current">${i}</span> 
				 
				<#else>
					<a href="${pageUrl}${i}/${parameter!''}">${i}</a>&nbsp;  
				</#if>
			</#list>
			  ...&nbsp;  
			  <a href="${pageUrl}${totalPages}/${parameter!''}">${totalPages}</a>&nbsp;  
		</#if>
		<#if page.pageNo?number lt totalPages?number>
			<a href="${pageUrl}${((page.nextPage) lt totalPages?number)?string(page.nextPage,totalPages?number)}/${parameter!''}/">Next &raquo;</a>
		</#if>
	</#if>
</#if>
</span>
</div>
   <!--
    <div class="multipages"> 
     <span class="fl"> 84 itesm found. </span> 
     <span class="fr"> <a href="#">&laquo; Prev</a> &nbsp;&nbsp;&nbsp; <a href="#">1</a> <a href="#">2</a> <span class="current">3</span> ... <a href="#">9</a> &nbsp;&nbsp;&nbsp;<a href="#">Next &raquo;</a> </span> 
    </div>
    --> 
    <ul> 
	<#list page.result as album>
     <li><a href="/gallery-album43a0/view/1/{field:'album.id',op:'eq',data:'${album.id}'}"> 
     <#if album.cover??>
     <img src="${album.cover.path}"   alt="" />"
	</#if>
  <span class="name">PT NBO TEI Conference</span> <span class="date">21 Aug 2008</span> </a></li> 
</#list>

    </ul> 
    <div class="multipages"> 
     <span class="fl"> ${page.totalCount} items found. </span>
     <span class="fr">
    <#if totalPages?number gt 1>
	<#if (page.pageNo?number) gt 1>
		<a href="${pageUrl}${((page.pageNo?number-1) gt 0)?string(page.pageNo?number-1,page.pageNo?number)}/${parameter!''}/">&#171; Prev</a>
	</#if>
	<#if page.pageNo?number == 1>
		<span class="current">1</span> 
	<!--
		<a class="cur_a" href="${pageUrl}?pageNo=1&">1</a>&nbsp;
		-->
	<#else>
		<a href="${pageUrl}1/${parameter!''}">1</a>&nbsp;
	</#if>
	<#if totalPages?number gt 0>
		<#if page.pageNo?number lt 10>
			<#if page.pageNo?number gte 2>
			<#list 2..page.pageNo?number as i>
				<#if page.pageNo?number==i>
				<span class="current">${i}</span> 
				
				<#else>
					<a href="${pageUrl}${i}/${parameter!''}">${i}</a>&nbsp;  
				</#if>
			</#list>
			</#if>
		<#else>
			  ...&nbsp;  
			  <#list page.pageNo?number-4..page.pageNo?number as i>
				<#if page.pageNo?number==i>
				<span class="current">${i}</span> 
				 
				<#else>
					<a href="${pageUrl}${i}/${parameter!''}">${i}</a>&nbsp;  
				</#if>
			  </#list>
		</#if>
		<#if page.pageNo?number gte totalPages?number-4 || totalPages?number-4 lte 0>
			<#if page.pageNo?number+1 lte totalPages?number>
			<#list page.pageNo?number+1..totalPages?number as i>
				<a href="${pageUrl}${i}/${parameter!''}">${i}</a>&nbsp;  
				<#if page.pageNo?number == i>
				   <span class="current">${i}</span> 
				    
				</#if>
			</#list>
			</#if>
		<#else>
			<#list page.nextPage..page.pageNo?number+4 as i>
				<#if page.pageNo?number == i>
				  <span class="current">${i}</span> 
				 
				<#else>
					<a href="${pageUrl}${i}/${parameter!''}">${i}</a>&nbsp;  
				</#if>
			</#list>
			  ...&nbsp;  
			  <a href="${pageUrl}${totalPages}/${parameter!''}">${totalPages}</a>&nbsp;  
		</#if>
		<#if page.pageNo?number lt totalPages?number>
			<a href="${pageUrl}${((page.nextPage) lt totalPages?number)?string(page.nextPage,totalPages?number)}/${parameter!''}/">Next &raquo;</a>
		</#if>
	</#if>
</#if>
</span>
</div>
</@album>

   </div>
 <!-- end gallery --> 
 <script type="text/javascript" src="/resources/front/template/nbo/js/jquery.colorbox-min.js"></script> 
 <script>
 $(document).ready(function(){
	 	$(".gallery li a").colorbox({iframe:true, innerWidth:960, innerHeight:614, scrolling:false});
 });
 </script> 
</div>